<html>
<head>
<script type="text/javascript" src="javascript/jquery-1.2.6.js"></script>
<script type="text/javascript" src="javascript/flashcards.js"></script>
<link href="css/styles.css" rel="stylesheet" type="text/css"></link>
</head>

<body>
<!--  <iframe id="show_iframe" name="show_iframe" src="{{url}}" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="width:100%;"></iframe> -->
<div id="contentdiv1">
{{pagecontent}}
</div>
<div class="interface">
    <form id="cardpost" method="POST" action="/savecard">
    <input type="hidden" id="url" name="url" value="{{url}}"/>
	<div id="current_card">
        <table border=0>
        <tr><td colspan="2">
              <div class="largetitle" id="instructions">Select question text</div>
                        <input type="submit">Submit</input>
            </td></tr>
        <tr><td class="medtitle">Card Front</td>
            <td class="medtitle">Card Back</td></tr>
        <tr><td>
		    <textarea id="card_front" name="card_front"></textarea>
            </td>
            <td>
		    <textarea id="card_back" name="card_back"></textarea>
	        </td>
        </tr>
    </div>
    </form>
  
  
    {{cardout}}

</div>

</body>
</html>